<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>教育资源-教师资源</title>
	<link rel="stylesheet" href="css/mailList.css">
	<link rel="stylesheet" href="css/common.css">
</head>
<body>
<div id ="header" ></div>
<div class="mailListBg">
	<div class="mailListMid clearfix">
		<div class="m-left">
			<p class="pTit">
				通讯录
				<span class="content">
					<a href="##" class="on">加好友</a>
					<em>|</em>
					<a href="##">联系人</a>
				</span>
				<!-- 我的标签点击是弹出对话框 -->
				<a class="labelNew" href="##">标签</a>
			</p>
			<div class="content11 dis_none onCont">
				<p class="titS">
					<span class="oneTit">可能感兴趣的人</span>
					<span class="aLink">
						<a href="" class="act">全部</a>
						<a href="">教师</a>
						<a href="">学生</a>
						<a href="">家长</a>
					</span>
					<span class="changeCircle">换一换</span>
				</p>
				<p class="lineHeight">
					
				</p>
				<ul class="ulMain clearfix scrollBar">
					<li>
						<img src="./imgs/big11.jpg" alt="图片111" class="imgClick">
						<span class="tips"></span>
						<div class="fixed">
							<a class="name" href="allSpace.html">王**</a>
							<a class="adress">荆门市屈家岭管理区第一初级中学</a>
							<a class="station">老师</a>
							<a href="" class="follow">关注</a>
						</div>
					</li>
					<li>
						<img src="./imgs/big11.jpg" alt="图片111" class="imgClick">
						<span class="tips"></span>
						<div class="fixed">
							<a class="name">王**</a>
							<a class="adress">荆门市屈家岭管理区第一初级中学</a>
							<a class="station">老师</a>
							<a href="" class="follow">关注</a>
						</div>
					</li>
					<li>
						<img src="./imgs/big11.jpg" alt="图片111" class="imgClick">
						<span class="tips"></span>
						<div class="fixed">
							<a class="name">王**</a>
							<a class="adress">荆门市屈家岭管理区第一初级中学</a>
							<a class="station">老师</a>
							<a href="" class="follow">关注</a>
						</div>
					</li>
					<li>
						<img src="./imgs/big11.jpg" alt="图片111" class="imgClick">
						<span class="tips"></span>
						<div class="fixed">
							<a class="name">王**</a>
							<a class="adress">荆门市屈家岭管理区第一初级中学</a>
							<a class="station">老师</a>
							<a href="" class="follow">关注</a>
						</div>
					</li>
					<li>
						<img src="./imgs/big11.jpg" alt="图片111" class="imgClick">
						<span class="tips"></span>
						<div class="fixed">
							<a class="name">王**</a>
							<a class="adress">荆门市屈家岭管理区第一初级中学</a>
							<a class="station">老师</a>
							<a href="" class="follow">关注</a>
						</div>
					</li>
					<li>
						<img src="./imgs/big11.jpg" alt="图片111" class="imgClick">
						<span class="tips"></span>
						<div class="fixed">
							<a class="name">王**</a>
							<a class="adress">荆门市屈家岭管理区第一初级中学</a>
							<a class="station">老师</a>
							<a href="" class="follow">关注</a>
						</div>
					</li>
					<li>
						<img src="./imgs/big11.jpg" alt="图片111" class="imgClick">
						<span class="tips"></span>
						<div class="fixed">
							<a class="name">王**</a>
							<a class="adress">荆门市屈家岭管理区第一初级中学</a>
							<a class="station">老师</a>
							<a href="" class="follow">关注</a>
						</div>
					</li>
					<li>
						<img src="./imgs/big11.jpg" alt="图片111" class="imgClick">
						<span class="tips"></span>
						<div class="fixed">
							<a class="name">王**</a>
							<a class="adress">荆门市屈家岭管理区第一初级中学</a>
							<a class="station">老师</a>
							<a href="" class="follow">关注</a>
						</div>
					</li>
					<li>
						<img src="./imgs/big11.jpg" alt="图片111" class="imgClick">
						<span class="tips"></span>
						<div class="fixed">
							<a class="name">王**</a>
							<a class="adress">荆门市屈家岭管理区第一初级中学</a>
							<a class="station">老师</a>
							<a class="follow">关注</a>
						</div>
					</li>
				</ul>
			</div>
			<div class="content11 dis_none">
				<p class="titS">
					<span class="oneTit">我关注的</span>
					<span class="aLink">
						<a class="act">全部</a>
						<a>教师</a>
						<a >学生</a>
						<a href="">家长</a>
					</span>
					<a class="searchList">
						按照首字母筛选
						<i></i>
					</a>
				</p>
				<p class="letterLine">
					<label for="">姓名首字母:</label>
					<a href="javascript:void(0);" class="on" onclick="letter('');">全部</a>
					<a href="javascript:void(0);" onclick="letter('a');">A</a>
					<a href="javascript:void(0);" onclick="letter('a');">B</a>
					<a href="javascript:void(0);" onclick="letter('a');">C</a>
					<a href="javascript:void(0);" onclick="letter('a');">D</a>
					<a href="javascript:void(0);" onclick="letter('a');">E</a>
					<a href="javascript:void(0);" onclick="letter('a');">F</a>
					<a href="javascript:void(0);" onclick="letter('a');">G</a>
					<a href="javascript:void(0);" onclick="letter('a');">H</a>
					<a href="javascript:void(0);" onclick="letter('a');">I</a>
					<a href="javascript:void(0);" onclick="letter('a');">J</a>
					<a href="javascript:void(0);" onclick="letter('a');">K</a>
					<a href="javascript:void(0);" onclick="letter('a');">L</a>
					<a href="javascript:void(0);" onclick="letter('a');">M</a>
					<a href="javascript:void(0);" onclick="letter('a');">N</a>
					<a href="javascript:void(0);" onclick="letter('a');">O</a>
					<a href="javascript:void(0);" onclick="letter('a');">P</a>
					<a href="javascript:void(0);" onclick="letter('a');">Q</a>
					<a href="javascript:void(0);" onclick="letter('a');">R</a>
					<a href="javascript:void(0);" onclick="letter('a');">S</a>
					<a href="javascript:void(0);" onclick="letter('a');">T</a>
					<a href="javascript:void(0);" onclick="letter('a');">U</a>
					<a href="javascript:void(0);" onclick="letter('a');">V</a>
					<a href="javascript:void(0);" onclick="letter('a');">W</a>
					<a href="javascript:void(0);" onclick="letter('a');">X</a>
					<a href="javascript:void(0);" onclick="letter('a');">Y</a>
					<a href="javascript:void(0);" onclick="letter('a');">Z</a>
				</p>
				<ul class="contact clearfix scrollBar">
					<li>
						<div class="topCon">
							<a class="detail" >详情</a>
							<a class="headLink"  href="##">
								<img src="./imgs/dengziqi.jpg"  class="logo" alt="">
							</a >
							<a  class="nameNew">邓紫棋</a>
						</div>
						<div class="botCon">
							<a class="titP" href="http://www.huijiaoyun.com/index.php?r=space/school/theme/index&sid=50447d76cbc74d5e90794df54565bb51">
								复旦大学第一附属小学
							</a>
							<span href="" class="noAssess">暂无好友对其评价！</span>
							<a  class="cancleNotice">取消关注</a>
						</div>
					</li>

				</ul>
			</div>
			<div class="content11 dis_none">
				<div class="search clearfix">
					<div class="searchLeft">
						<input type="text"  name="search_val"  maxlength="15"
						placeholder="请输入教学班名称" value="" class="inputSearch">
						<input type="button" name="search_btn" class="btn">
					</div>
					<div class="searchRight">
						共搜索
						<span class="blueFont">584</span>
						个班级
					</div>
				</div>
				<div class="search_gList clearfix">
					<ul>
						<li>
							<div class="search_gBox">
								<div class="search_gtop clearfix">
									<img class="img" src="https://css.huijiaoyun.com/tianyu_edu/area/edu3.0/images/skin_group/pic_136x136.jpg" alt="">
									<i class="identity_ico per_ico"></i>
									<span class="mailClassTeam">鱼渔课堂复兴团队</span>
								</div>
								<p class="bottomP">
									<a href="">申请加入</a>
									<em>4</em>
									人
								</p>
							</div>
							<!-- dis_none -->
							<div class="search_gtipPop dis_none">
								<div class="search_gtipBox">
									<dl>
										<dt><i class="identity_ico per_ico"></i>鱼渔课堂复兴团队</dt>
										<dd><span>管理员：</span>贺程程</dd>
										<dd><span>成员：</span>3 人</dd>
										<dd><span>班级简介：</span>管理员很懒，什么也没留下~~</dd>
									</dl>
								</div>
							</div>
						</li>
						<li>
							<div class="search_gBox">
								<div class="search_gtop clearfix">
									<img class="img" src="https://css.huijiaoyun.com/tianyu_edu/area/edu3.0/images/skin_group/pic_136x136.jpg" alt="">
									<i class="identity_ico per_ico"></i>
									<span class="mailClassTeam">鱼渔课堂复兴团队</span>
								</div>
								<p class="bottomP">
									<a href="">申请加入</a>
									<em>4</em>
									人
								</p>
							</div>
							<!-- dis_none -->
							<div class="search_gtipPop dis_none">
								<div class="search_gtipBox">
									<dl>
										<dt><i class="identity_ico per_ico"></i>鱼渔课堂复兴团队</dt>
										<dd><span>管理员：</span>贺程程</dd>
										<dd><span>成员：</span>3 人</dd>
										<dd><span>班级简介：</span>管理员很懒，什么也没留下~~</dd>
									</dl>
								</div>
							</div>
						</li>
						<li>
							<div class="search_gBox">
								<div class="search_gtop clearfix">
									<img class="img" src="https://css.huijiaoyun.com/tianyu_edu/area/edu3.0/images/skin_group/pic_136x136.jpg" alt="">
									<i class="identity_ico per_ico"></i>
									<span class="mailClassTeam">鱼渔课堂复兴团队</span>
								</div>
								<p class="bottomP">
									<a href="">申请加入</a>
									<em>4</em>
									人
								</p>
							</div>
							<!-- dis_none -->
							<div class="search_gtipPop dis_none">
								<div class="search_gtipBox">
									<dl>
										<dt><i class="identity_ico per_ico"></i>鱼渔课堂复兴团队</dt>
										<dd><span>管理员：</span>贺程程</dd>
										<dd><span>成员：</span>3 人</dd>
										<dd><span>班级简介：</span>管理员很懒，什么也没留下~~</dd>
									</dl>
								</div>
							</div>
						</li>
						<li>
							<div class="search_gBox">
								<div class="search_gtop clearfix">
									<img class="img" src="https://css.huijiaoyun.com/tianyu_edu/area/edu3.0/images/skin_group/pic_136x136.jpg" alt="">
									<i class="identity_ico per_ico"></i>
									<span class="mailClassTeam">鱼渔课堂复兴团队</span>
								</div>
								<p class="bottomP">
									<a href="">申请加入</a>
									<em>4</em>
									人
								</p>
							</div>
							<!-- dis_none -->
							<div class="search_gtipPop dis_none">
								<div class="search_gtipBox">
									<dl>
										<dt><i class="identity_ico per_ico"></i>鱼渔课堂复兴团队</dt>
										<dd><span>管理员：</span>贺程程</dd>
										<dd><span>成员：</span>3 人</dd>
										<dd><span>班级简介：</span>管理员很懒，什么也没留下~~</dd>
									</dl>
								</div>
							</div>
						</li>

						<li>
							<div class="search_gBox">
								<div class="search_gtop clearfix">
									<img class="img" src="https://css.huijiaoyun.com/tianyu_edu/area/edu3.0/images/skin_group/pic_136x136.jpg" alt="">
									<i class="identity_ico per_ico"></i>
									<span class="mailClassTeam">鱼渔课堂复兴团队</span>
								</div>
								<p class="bottomP">
									<a href="">申请加入</a>
									<em>4</em>
									人
								</p>
							</div>
							<!-- dis_none -->
							<div class="search_gtipPop dis_none">
								<div class="search_gtipBox">
									<dl>
										<dt><i class="identity_ico per_ico"></i>鱼渔课堂复兴团队</dt>
										<dd><span>管理员：</span>贺程程</dd>
										<dd><span>成员：</span>3 人</dd>
										<dd><span>班级简介：</span>管理员很懒，什么也没留下~~</dd>
									</dl>
								</div>
							</div>
						</li>
						<li>
							<div class="search_gBox">
								<div class="search_gtop clearfix">
									<img class="img" src="https://css.huijiaoyun.com/tianyu_edu/area/edu3.0/images/skin_group/pic_136x136.jpg" alt="">
									<i class="identity_ico per_ico"></i>
									<span class="mailClassTeam">鱼渔课堂复兴团队</span>
								</div>
								<p class="bottomP">
									<a href="">申请加入</a>
									<em>4</em>
									人
								</p>
							</div>
							<!-- dis_none -->
							<div class="search_gtipPop dis_none">
								<div class="search_gtipBox">
									<dl>
										<dt><i class="identity_ico per_ico"></i>鱼渔课堂复兴团队</dt>
										<dd><span>管理员：</span>贺程程</dd>
										<dd><span>成员：</span>3 人</dd>
										<dd><span>班级简介：</span>管理员很懒，什么也没留下~~</dd>
									</dl>
								</div>
							</div>
						</li>
						<li>
							<div class="search_gBox">
								<div class="search_gtop clearfix">
									<img class="img" src="https://css.huijiaoyun.com/tianyu_edu/area/edu3.0/images/skin_group/pic_136x136.jpg" alt="">
									<i class="identity_ico per_ico"></i>
									<span class="mailClassTeam">鱼渔课堂复兴团队</span>
								</div>
								<p class="bottomP">
									<a href="">申请加入</a>
									<em>4</em>
									人
								</p>
							</div>
							<!-- dis_none -->
							<div class="search_gtipPop dis_none">
								<div class="search_gtipBox">
									<dl>
										<dt><i class="identity_ico per_ico"></i>鱼渔课堂复兴团队</dt>
										<dd><span>管理员：</span>贺程程</dd>
										<dd><span>成员：</span>3 人</dd>
										<dd><span>班级简介：</span>管理员很懒，什么也没留下~~</dd>
									</dl>
								</div>
							</div>
						</li>
						<li>
							<div class="search_gBox">
								<div class="search_gtop clearfix">
									<img class="img" src="https://css.huijiaoyun.com/tianyu_edu/area/edu3.0/images/skin_group/pic_136x136.jpg" alt="">
									<i class="identity_ico per_ico"></i>
									<span class="mailClassTeam">鱼渔课堂复兴团队</span>
								</div>
								<p class="bottomP">
									<a href="">申请加入</a>
									<em>4</em>
									人
								</p>
							</div>
							<!-- dis_none -->
							<div class="search_gtipPop dis_none">
								<div class="search_gtipBox">
									<dl>
										<dt><i class="identity_ico per_ico"></i>鱼渔课堂复兴团队</dt>
										<dd><span>管理员：</span>贺程程</dd>
										<dd><span>成员：</span>3 人</dd>
										<dd><span>班级简介：</span>管理员很懒，什么也没留下~~</dd>
									</dl>
								</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<!-- 联系人-班级页面 start -->
			<div class="content2 dis_none">
				<div class="midSchoolDtail clearfix">
					<img class="imgLogo" src="https://css.huijiaoyun.com/tianyu_edu/area/edu3.0/images/skin_group/pic_136x136.jpg" alt="初一四班">
					<dl>
						<dt class"bigTit"><i class="logo2Group"></i>初一四班</dt>
						<dd>
							<div class="divFt">
								<em>|</em>
								<dl class="seleBox more_dl">
	                                <dt><a href="javascript:;">更多设置</a></dt>
	                                <dd style="display: none;">
	                                    <a class="virtualbtn g_moreBtn" href="javascript:void(0);">教学班详情</a>  
	                                    <a href="javascript:;" class="outClass">退出教学班</a>
	                                </dd>
	                            </dl>
							</div>
							<em>
								管理员：
								<i>
									<a href="baidu.com">彭朝</a>
								</i>
							</em>
							<em>
								成员：
								<i>
									2
								</i>
							</em>
							<em>
								班级编号：
								<i>197335</i>
							</em>
						</dd>
					</dl>
				</div>
				<p class="titS">
					<span class="oneTit">初一二班</span>
					<span class="aLink">
						<a class="act">全部</a>
						<a>教师</a>
						<a>学生</a>
					</span>
				</p>
				<ul class="contact clearfix scrollBar">
					<li>
						<div class="topCon">
							<a class="detail">详情</a>
							<a class="headLink" href="##">
								<img src="./imgs/dengziqi.jpg" class="logo" alt="">
							</a>
							<a class="nameNew" href="allSpace.html">邓紫棋</a>
						</div>
						<div class="botCon">
							<a class="titP" href="http://www.huijiaoyun.com/index.php?r=space/school/theme/index&sid=50447d76cbc74d5e90794df54565bb51">
								复旦大学第一附属小学
							</a>
							<span href="" class="noAssess">暂无好友对其评价！</span>
							<a class="cancleNotice">取消关注</a>
						</div>
					</li>
					<li>
						<div class="topCon">
							<a class="detail">详情</a>
							<a class="headLink" href="##">
								<img src="./imgs/dengziqi.jpg" class="logo" alt="">
							</a>
							<a class="nameNew" href="allSpace.html">邓紫棋</a>
						</div>
						<div class="botCon">
							<a class="titP" href="http://www.huijiaoyun.com/index.php?r=space/school/theme/index&sid=50447d76cbc74d5e90794df54565bb51">
								复旦大学第一附属小学
							</a>
							<span href="" class="noAssess">暂无好友对其评价！</span>
							<a class="cancleNotice">取消关注</a>
						</div>
					</li>
					<li>
						<div class="topCon">
							<a class="detail">详情</a>
							<a class="headLink" href="##">
								<img src="./imgs/dengziqi.jpg" class="logo" alt="">
							</a>
							<a class="nameNew" href="allSpace.html">邓紫棋</a>
						</div>
						<div class="botCon">
							<a class="titP" href="http://www.huijiaoyun.com/index.php?r=space/school/theme/index&sid=50447d76cbc74d5e90794df54565bb51">
								复旦大学第一附属小学
							</a>
							<span href="" class="noAssess">暂无好友对其评价！</span>
							<a class="cancleNotice">取消关注</a>
						</div>
					</li>
					<li>
						<div class="topCon">
							<a class="detail">详情</a>
							<a class="headLink" href="##">
								<img src="./imgs/dengziqi.jpg" class="logo" alt="">
							</a>
							<a class="nameNew" href="allSpace.html">邓紫棋</a>
						</div>
						<div class="botCon">
							<a class="titP" href="http://www.huijiaoyun.com/index.php?r=space/school/theme/index&sid=50447d76cbc74d5e90794df54565bb51">
								复旦大学第一附属小学
							</a>
							<span href="" class="noAssess">暂无好友对其评价！</span>
							<a class="cancleNotice">取消关注</a>
						</div>
					</li>
					<li>
						<div class="topCon">
							<a class="detail">详情</a>
							<a class="headLink" href="##">
								<img src="./imgs/dengziqi.jpg" class="logo" alt="">
							</a>
							<a class="nameNew" href="allSpace.html">邓紫棋</a>
						</div>
						<div class="botCon">
							<a class="titP" href="http://www.huijiaoyun.com/index.php?r=space/school/theme/index&sid=50447d76cbc74d5e90794df54565bb51">
								复旦大学第一附属小学
							</a>
							<span href="" class="noAssess">暂无好友对其评价！</span>
							<a class="cancleNotice">取消关注</a>
						</div>
					</li>

				</ul>
			</div>
			<!-- 联系人-班级页面 end -->
		</div>
		<div class="m-right">
			<div class="searchLine">
				<input type="text" class="searchOne" >
				<input id="search" title="搜索" type="button" class="searchBtn">
			</div>
			<div class="meauBox ">
				<span>关注</span>
			</div>
			<ul class="meauList">
				<li class="act">
					<span>8</span>
					我关注的
				</li>
				<li>
					<span>8</span>
					关注我的
				</li>
			</ul>
			<div class="meauBox ">
				<span>我的同事</span>
			</div>
			<ul class="meauList2">
				<li class="act">
					<i class='groupIcon'></i>
					张三
				</li>
				<li>
					<i class='groupIcon'></i>
					李四
				</li>
				<li>
					<i class='schoolIcon'></i>
					王五
				</li>
			</ul>
			<div class="meauBox ">
				<span>我的班级</span>
				<a class="joinClass">加入教学班</a>
			</div>
			<ul class="meauList">
				<li class="act">
					<i class='groupIcon'></i>
					书法班
				</li>
				<li>
					<i class='groupIcon'></i>
					画画班
				</li>
				<li>
					<i class='schoolIcon'></i>
					唐山二中
				</li>
			</ul>
			<div class="indouceMore clearfix">
				<span>班级说明</span>
				<div class="smclasspop clearfix" >
	                <dl>
	                    <dt><i class="school_ico"></i></dt>
	                    <dd>该图标表示校内行政班，需要用户在个人中心申请加入班级。</dd>
	                </dl>
	                <dl>
	                    <dt><i class="class_ico"></i></dt>
	                    <dd>该图标表示教学班，需要用户通过“加入教学班”申请加入感兴趣的教学班。</dd>
	                </dl>
				</div>
			</div>
		</div>
	</div>

</div>

<div class="detailBtn">
	<p class="detailH">
		个人名片
		<a class="closed layui-layer-close"></a>
	</p>
	<div class="midBanner">
		<img src="./imgs/dengziqi.jpg" alt="" class="logoImg">
		<div class="listRight">
			<p>
				<a class='name' href="##">邓紫棋</a>
				<span class='position'>老師</span>
			</p>
			<a class="lineMar">
				南宁市优越路小学
			</a>
		</div>
		<img src="./imgs/codeQr.png" alt="" class="codeQr">
		<img src="./imgs/codeQr.png" alt="" class="imgQrPos">
		<div class="navList">
			<a  class="navLinkA marginRigt act">基本信息</a>
			<a  class="navLinkA">他的标签</a>
		</div>
	</div>
	<div class="content act">
		制作好的111111111111111111;
		<br/>
		制作好的1111111111111111111;
		<br/>
	</div>
	<div class="content">
		制作好的2222222;
		<br/>
		制作好的222222222222222222;
		<br/>
	</div>
	<div class="bottomShare">
		<label for="">分享到:</label>
		<a href="" class="oneIcon icon"></a>
		<a href="" class="twoIcon icon"></a>
		<a href="" class="threeIcon icon"></a>
		<a href="" class="fourIcon icon"></a>
		<a href="" class="rightLogo">
			<i></i>
			01
		</a>
	</div>
</div>


<div class="modifyBox"></div>

<div class="footerBot"></div>
<script src="./js/jquery.js"></script>
<script src="./js/fxtpl.plus.js"></script>
<link rel="stylesheet" href="./webupload/webuploader.css">
<script src="./webupload/webuploader.js"></script>
<script src="./webupload/upload.js"></script>
<script src="./layui/layui.all.js"></script>
<link rel="stylesheet" href="./layui/css/layui.css">
<script>
	 var numSpace = {numSpace:6};
	 var header = Fxtpl.render('./weight/headerAllInputChange.html',numSpace);
	 $('#header').html(header);

	 var flagClass= false;
 	// tapclick
	 $(".pTit .content a").on("click",function(){
	 		if(flagClass==false){
	 			$(".content2").css("display","none");
	 		}
	 		var num = $(".pTit .content a").index($(this));
	 		$(".content a").each(function(){
	 			$(this).removeClass("on");
	 		});
	 		$(".content a").eq(num).addClass("on");
	 		//content 下的对应显示
	 		$(".content11").each(function(){
	 			$(this).removeClass("onCont");
	 		});
	 		$(".content11").eq(num).addClass("onCont");
	 });
	// click  btn按钮
	$(".titS .searchList").on("click",function(){
		if($(".letterLine").css("display")=="none"){
			$(".letterLine").css("display","block");
		}else if($(".letterLine").css("display")=="block"){
			$(".letterLine").css("display","none");
		}
	});
	// mid click 里面的东西
	var tagContent= '<div class="diaglarAlert">'
	    tagContent += '<div class="headerTop clearfix">';
		tagContent += '<a class="mar15 act">我的标签</a>';
		tagContent += '<a >我的联系人</a>';
		tagContent += '</div>';
		tagContent += '<div class="tagTabCon act">';
		tagContent += '<ul class="ulmost">';
			tagContent += '<li><span>4444</span><em class="delBtn"></em></li>';
			tagContent += '<li><span>4444</span><em class="delBtn"></em></li>';
			tagContent += '<li><span>4444</span><em class="delBtn"></em></li>';
		tagContent += '</ul>';
		tagContent += '<p class="tipsInfo">提示：个人最多拥有5个标签</p>';
		tagContent += '</div>';
		tagContent += '<div class="tagTabCon">';
			tagContent += '<p class="listTit">大家对我的印象是：制作好的</p>';
		tagContent += '</div>';
		tagContent +='</div>';
	    $(".pTit .labelNew").on("click",function(){
	    	 bindClick();
	    	layer.open({
	    	  type: 1,
	    	  title:"我的标签",
	    	  area: ['600px', '360px'],
	    	  shadeClose: true, //点击遮罩关闭
	    	  content:tagContent,
	    	});
	    });
	    // 标签里面事件绑定
	    function bindClick(){
		    $(document).on('click','.diaglarAlert .headerTop a',function(){
	    		$(".headerTop a").each(function(){
	    			$(this).removeClass("act");
	    		});
	    		$(this).addClass("act");
	    		var num =$(this).index();
	    		$(".diaglarAlert .tagTabCon").each(function(){
	    			$(this).removeClass("act");
	    		});
		    	$(".diaglarAlert .tagTabCon").eq(num).addClass("act");
		    });
	    }
	    $(document).on('click','.layui-layer-close',function(){
	    	offClick();
	    });
	    function offClick(){
		    $(document).off('click','.diaglarAlert .headerTop a',function(){
	    		$(".headerTop a").each(function(){
	    			$(this).removeClass("act");
	    		});
	    		$(this).addClass("act");
	    		var num =$(this).index();
	    		$(".diaglarAlert .tagTabCon").each(function(){
	    			$(this).removeClass("act");
	    		});
		    	$(".diaglarAlert .tagTabCon").eq(num).addClass("act");
		    });
	    }

		$(".topCon .detail").on("click",function(){
			// 点击关闭的按钮了
			if($(".detailBtn").css("display") == "none"){
				$(".detailBtn").css("display","block");
			}else{
				$(".detailBtn").css("display","none");
			}
		});

		$(".detailH .closed").on("click",function(){
			if($(".detailBtn").css("display") == "none"){
				$(".detailBtn").css("display","block");
			}else{
				$(".detailBtn").css("display","none");
			}
		});

		//	图片悬浮出来
		$(".midBanner .codeQr").hover(function(){
			$(".imgQrPos").css("display","block");
		},function(){
			$(".imgQrPos").css("display","none");
		});

		$(".navList").on("click",function(){
			console.log("点击到按钮了");
		});

		$(".navList .navLinkA").on("click",function(){
			$(".navList .navLinkA").each(function(){
				$(this).removeClass("act");
			});
			$(this).addClass("act");
			//content dianji
			$(".detailBtn .content").each(function(){
				$(this).removeClass("act");
			});
			var num =$(this).index();
			$(".detailBtn .content").eq(num).addClass("act");
		});

		/* 班级点击*/
		$(".more_dl dt a").on("click",function(){
			var ddShow = $(this).parent("dt").siblings("dd");
			if(ddShow.css("display")=="none"){
				ddShow.show();
			}else{
				ddShow.hide();
			}
		}); 

		/*detail study click' sign out click*/
		var tempt = "<div class='floatDeom'>";
				tempt += "<div class='top'>";
					tempt += "<img src='imgs/dengziqi.jpg' alt='邓紫棋的照片'>";
					tempt += "<dl>";
					tempt += "<dt>";
					tempt += "<span class='head'>初一2班</span></dt>";
					tempt +="<dd>创建时间：2019-07-10 16:42:22</dd>"	
					tempt += "</dl>";
				tempt += "</div>";

				tempt += "<div class ='list'>";	
				tempt += "<h4>基本资源</h4>";
				tempt += "<dl>";
				tempt += "<dt>";
				tempt +="<span>管理员：彭朝</span>";
				tempt +="<span>成员：2 人</span>";
				tempt +="<span>教学班号：197335</span>";
				tempt +="</dt>";
				tempt +="<dd>简介：管理员很懒，什么也没留下~</dd>"
				tempt +="</dl>";
				tempt += "</div>";

				tempt += "<div class ='list'>";	
				tempt += "<h4>教学班权限</h4>";
				tempt += "<dl>";
				tempt += "<dt>";
				tempt +="<span>加教学班验证：允许任何人加入</span>";
				tempt +="</dt>";
				tempt +="</dl>";
				tempt += "</div>";
			tempt+="</div>";

	$(".g_moreBtn").on("click",function(){
		layer.open({
		  type: 1,
		  title:"我的标签",
		  area: ['450px', '350px'],
		  shadeClose: true, //点击遮罩关闭
		  content:tempt,
		});
	});
	$(".outClass").on("click",function(){
		layer.confirm('确定要退出该教学班吗', {
		  btn: ['残忍退出','再逛逛'] //按钮
		}, function(){
		  layer.msg('成功退出', {icon: 1});
		}, function(){

		});
	});
	$(".cancleNotice").on("click",function(){
		if( $(this).text() == "取消关注" ){
			layer.msg('取消关注成功', {icon: 1});
			$(this).text("关注");
		}else if( $(this).text() == "关注" ){
			layer.msg('关注成功', {icon: 1});
			$(this).text("取消关注");
		}
	});

	/*右侧的悬浮出现想要的东西*/ 
	$(".indouceMore").hover(function(){
		$(".smclasspop").css("display","block");
	},function(){
		$(".smclasspop").css("display","none");
	});
	// 我的班级点击
	$(".meauList li").on("click",function(){
		console.log("到li点击的这个地方了");
		$(".content11").each(function(){
			$(this).removeClass("onCont");
			$(".content a").each(function(){
				$(this).removeClass("on");
			});
		});
		// 竖行nav变化
		$(".meauList li").each(function(){
			$(this).removeClass("act");
		});
		$(this).addClass("act");
		flagClass =true;
		if(flagClass=== true){
			$(".content2").css("display","block");
			flagClass =false;
		}
	});
	// 我的好友点击
	$(".meauList2 li").on("click",function(){
		// console.log("点击到班级的详情了");
		$(".content11").each(function(){
			$(this).removeClass("onCont");
			$(".content a").each(function(){
				$(this).removeClass("on");
			});
		});
		// 竖行nav变化
		$(".meauList2 li").each(function(){
			$(this).removeClass("act");
		});
		$(this).addClass("act");
		flagClass =true;
		if(flagClass=== true){
			$(".content2").css("display","block");
			flagClass =false;
		}
	});

	$(".joinClass").on("click",function(){
		$(".content11").each(function(){
			$(this).removeClass("onCont");
			$(".content a").each(function(){
				$(this).removeClass("on");
			});
		});
	 	$(".content11").eq(2).removeClass("dis_none");
	 	// 把加入班级的详情列表也给隐藏掉
	 	$(".content2").css("display","none");
	 	flagClass =false;
	});

	$(".search_gtop .mailClassTeam").hover(function(){
		// console.log("到这个分享的这个里面");
		$(this).parent(".search_gtop").parent(".search_gBox").next(".search_gtipPop").removeClass("dis_none");
	});
	$(".search_gList li").mouseleave(function(){
		$(this).find(".search_gtipPop").addClass("dis_none");
	});
</script>
</body>	
</html>